<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>九九乘法表</title>
    <style>
        table {
            border-collapse: collapse;
        }

        table td {
            border: 1px solid #ccc;
        }
    </style>
</head>

<body>
    <script>
        document.write('<table><caption>九九乘法表</caption>');
        for (let i = 1; i <= 9; i++) {
            let rowClass = i % 2 === 1? 'odd-row' : '';
            document.write('<tr class="' + rowClass + '">');
            for (let j = 1; j <= i; j++) {
                let result = i * j;
                document.write('<td>' + j + '*' + i + '=' + result + '</td>');
            }
            document.write('</tr>');
        }
        document.write('</table>');
    </script>
    <style>
       .odd-row {
            background-color: #DDDDDD;
            font-weight: bold;
        }
    </style>
</body>

</html>